<template>
    <div>
        <input type="button" value="减少" @click="remove">
        <input type="button" value="增加" @click="add">
        <br>
        <p> 第二个参数。传递一个对象。</p>
        <input type="button" value="6-2" @click="show">
        <input type="text" v-model="this.$store.state.count">
    </div>
</template>
<script>
export default {
    data(){
        return{
            count:0
        }
    },
    methods:{
        // 如果子组件想要调用mutations中的方法，只能使用this.$store.commit('方法名')
       add(){
            this.$store.commit('incerment')
       },
       remove(){
           //每次减去3  通过传参的方法！
           this.$store.commit('subtract',3)
       },
       show(){
           //用来测试俩个参数！最后一个参数是对象
           this.$store.commit('cc',{c:6,b:2})
       }
    }
}
</script>
<style>
    
</style>